<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <!-- <link rel="stylesheet" href="./css/login.css" /> -->
  <link rel="stylesheet" href="./css/common.css">
 <link rel="stylesheet" href="./css/signin.css">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <!-- navbar start -->
  <div class="navbar">

    <div class="content">
      <a href="#" class="logo"></a>
      <div class="middle">
        <h3>欢迎注册</h3>
      </div>
      <a href="login.html" class="right">
        <span>进入登陆页面</span>
        <i>></i>
      </a>
    </div>
  </div>

  <!-- main start -->
  <main>
    <div class="login-section">
      <div class="wrapper">
        <div class="content">
          <form action="">
            <h1>注册</h1>
            <span>手机号码:</span><input id="userPhone" type="text" placeholder="输入常用手机号" autofocus required><label id="name_trip"></label>
            <span>验证码:</span><input id="userMa" type="text" placeholder="手机验证码" autofocus required><label id="name_trip"></label><span class="yanzhengma">获取验证码</span>
            <span>用户名:</span><input id="userNname" type="text" placeholder="用户名" autofocus required><label id="name_trip"></label>

           <span>设置密码:</span><input id="password" type="password" placeholder="密码" required><label id="password_trip"></label>

           <span>确认密码:</span><input id="surePassword" type="password" placeholder="确认密码" required><label id="surePassword_trip"></label>

           <input type="submit" class="button" id="btn" onblur="checkForm()" onclick='window.open("login.html")'value="注册">
           <input type="reset" class="button" value="重置">
           </form>
          </div>

      </div>
    </div>
    <script src="./js/signin.js"></script>
  </main>
<script src="./js/vue.js"></script>
  <!-- footer start -->
  <footer>
    <div class="container">
      <p class="up">
        <span><a href="">关于我们</a></span>
        <span class="space"></span>
        <span><a href="">帮助中心</a></span>
        <span class="space"></span>
        <span><a href="">售后服务</a></span>
        <span class="space"></span>
        <span><a href="">配送与验收</a></span>
        <span class="space"></span>
        <span><a href="">商务合作</a></span>
        <span class="space"></span>
        <span><a href="">搜索推荐</a></span>
        <span class="space"></span>
        <span><a href="">友情链接</a></span>
      </p>
      <p class="down">CopyRight © 小兔鲜儿</p>
    </div>
  </footer>
</body>

</html>